<template>
    <el-dialog
            :close-on-click-modal="false"
            :model-value="api.detailState.visible"
            :title="api.detailState.title"
            destroy-on-close
            width="600"
            @close="api.onCloseDetail()"
    >
        <el-descriptions
                :column="1"
        >
            <el-descriptions-item label="角色名称：">{{ api.detailState.form.name }}</el-descriptions-item>
        </el-descriptions>
    </el-dialog>
</template>

<script lang="ts" setup>
import {OriginalApi} from "~/api/wechat/original/register.api";

interface Props {
    api: OriginalApi;
}

const {api} = withDefaults(defineProps<Props>(), {});

</script>

<style lang="scss" scoped>

</style>
